<template>
  <!-- <resize autoHeight width="1920"> -->
  <router-view v-slot="{ Component }">
    <transition name="slide">
      <component :is="Component"></component>
    </transition>
  </router-view>
  <!-- </resize> -->
</template>

<script lang="ts">
import resize from '@/components/resize/resize.vue'
import {checkRouteName} from '@/router';

export default {
  components: {
    resize
  },
  data() {
    return {}
  },
}
</script>

<style>
@import url('@/assets/font.css');
</style>
<style lang="scss">
#app {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  box-sizing: border-box;
  height: 100%;
  width: 100%;

  background: rgb(240, 240, 240);

  // .slide-leave-active,
  // .slide-enter-active {
  //   transition: all .5s ease;
  // }

  // .slide-enter-from,
  // .slide-leave-to {
  //   top: -100%;
  //   opacity: 0;
  // }

  .slide-enter-active {
    transition: all 0.6s ease;
  }

  .slide-enter-from {
    position: fixed;
    opacity: 0;
    // transform: translateY(100%);
  }

  .slide-leave-active {
    transition: all 0.3s ease;
  }

  .slide-leave-to {
    position: fixed;
    opacity: 0;
    // transform: translateY(-100%);
  }
}
</style>
